const path = require('path')
const MiniCssExtractPlugin = require("mini-css-extract-plugin")

module.exports = {
    // mode是指定webpack的功能模式 有两种 一种是开发模式 就是在内存中打包 development
    // 另一种是生产模式 是在硬盘中打包 production
    mode: "production",
    devtool: 'source-map',
    plugins: [
        new MiniCssExtractPlugin({
            filename: 'css/[name].[contenthash:8].css',
        })
    ],
    module: {
        rules: [
            { test: /\.(css|scss)$/, use: [MiniCssExtractPlugin.loader, "css-loader", "sass-loader"] }
        ]
    },
    // //关闭webpack的性能提示
    // performance: {
    //     hints: false
    // }

}